<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Client WebSocket</title>
</head>
<body>

<div class="chat"></div>

<script>
    var clientWebSocket = new WebSocket("ws://localhost:8080/echo");

    clientWebSocket.onopen = function () {
        console.log("clientWebSocket.onopen", clientWebSocket);
        console.log("clientWebSocket.readyState", "websocketstatus");
        clientWebSocket.send("你好！");
      events("你好！")
    };

    clientWebSocket.onclose = function (error) {
        console.log("clientWebSocket.onclose", clientWebSocket, error);
        events("聊天会话关闭！");
    };
    clientWebSocket.onmessage=function (message) {
      console.log(message.data);
      events(message.data)
    };

    function events(responseEvent) {
        document.querySelector(".chat").innerHTML += responseEvent + "<br>";
    }
</script>
</body>
</html>
